<template>
  <div class="mall_header">
    <img class="icon1" src="../../assets/login/icon1.png" alt="">
    <img class="name" src="../../assets/login/name.png" alt="">
    <span class="text">-采购用户登录</span>
    <div class="un_login">
      <span class="login" @click="router.push('/login')">登录</span>    
      |  
      <span class="register" @click="router.push('/buyerRegister')">注册</span> 
    </div>
    <!-- <div class="logined">
      <img class="avatar" src="" alt="">
      <span class="name">name</span> 
    </div> -->
  </div>
</template>
<script setup>
import { useRouter } from 'vue-router'
// import { reactive, ref } from 'vue'
const router = useRouter();


</script>

<style scoped lang="scss">
.mall_header{
  width: 100%;
  height: 70px;
  background: #FFFFFF;
  padding-left: 360px;
  display: flex;
  align-items: center;
  .icon1{
    margin-right: 9px;
    width: 36px;
    height: 39px;
  }
  .name{
    width: 323px;
    height: 24px;
  }
  .text{
    font-weight: 400;
    font-size: 18px;
    color: #7B7B7B;
    margin-right: 656px
  }
  .un_login{
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    span{
      cursor: pointer;
    }
  }
}
</style>